import React, { Component } from 'react';


export default class Count extends Component {

	state = { carName: '奔驰c63' }

	//加法
	increment = () => {
		const { value } = this.selectNumber;
		this.props.jia(1 * value);
	}


	//减法
	decrement = () => {
		const { value } = this.selectNumber;
		this.props.jian(1 * value);


	}

	//奇数再加
	incrementIfOdd = () => {
		const { value } = this.selectNumber;
		if (this.props.count % 2 !== 0) {
			this.props.jia(1 * value)
		}

	}

	incrementAsnyc = () => {
		const { value } = this.selectNumber;
		this.props.jiaAsync(1 * value, 500);


	}

	render() {
		// console.log('UI组件接收到的props是', this.props);
		return (
			<div>
				<h1>当前求和为: {this.props.count}</h1>
				<select ref={c => this.selectNumber = c}>
					<option value='1'>1</option>
					<option value='2'>2</option>
					<option value='3'>3</option>

				</select>&nbsp;
				<button onClick={this.increment}>+</button>
				<button onClick={this.decrement}>-</button>
				<button onClick={this.incrementIfOdd}>当前求和为奇数再加</button>
				<button onClick={this.incrementAsnyc}>异步加</button>
			</div>
		)
	}
}
